草庐IT

2D 地图绘制

全部标签

javascript - 谷歌地图两个圆的交点

有没有一种简单的方法来获取两个circles的交点(如果可用)的lat/lng在GoogleMapsAPIV3?或者我应该选择hard怎么办?编辑:在我的问题中,圆总是具有相同的半径,以防让解决方案更容易。 最佳答案 是的,对于相等的圆,可以详细说明相当简单的解决方案:让我们第一个圆心是A点,第二个圆心是F,中点是C,交点是B,D。ABC是直AngularC的直Angular球面三Angular形。我们想要找到AngularA-这是与A-F方向的偏差Angular。球面三Angular学(直Angular球面三Angular形的纳P

javascript - 如何更改谷歌地图标记集群器的字体颜色

谁能告诉我如何更改markerclusterer标记的字体颜色。这是我当前用于设置标记样式的代码mcOptions={styles:[{height:27,url:"image.png",width:35}],maxZoom:8}varmarkerCluster=newMarkerClusterer(map,markers,mcOptions); 最佳答案 AworkingJSFIDDLE更改clustermarker的字体属性。下面是代码:MarkerClustererv3SimpleExamplebody{margin:0;pa

javascript - 谷歌地图 API v3 - TypeError : Result of expression 'google.maps.LatLng' [undefined] is not a constructor

我正在创建一个静态html页面来显示数据中的多个位置。我刚刚复制了其中一个示例并正在向后工作,但我在Safari检查器中收到以下错误:main.js:1SyntaxError:Parseerrorsample.htm:10TypeError:Resultofexpression'google.maps.LatLng'[undefined]isnotaconstructor.这是我的html代码:MultiMarkersSampleviaGoogleMapsfunctioninitialize(){varmyLatlng=newgoogle.maps.LatLng(-30.2965590

javascript - 谷歌地图保存可拖动的方向

您可以在我的网络应用程序中创建标记,并使用这些标记创建带有谷歌方向的路线。但我希望用户也能够更改路线,并且我在googlemapsapiv3中找到了可拖动的方向。有没有办法将更改后的方向保存在数据库中,以便您可以使用该信息再次创建准确的路线? 最佳答案 我假设以下内容都是正确的:varmap=newgoogle.maps.Map(document.getElementById('map_canvas'),{zoom:8,center:newgoogle.maps.LatLng(/*centerofmap*/),mapTypeId:g

javascript - 传单绘制插件 : How to hide/show drawing tools by Layer Type dynamically

我在项目中使用绘图插件,我想知道如何按图层类型隐藏/显示绘图工具?例如,假设我有2个图层,其中一个类型是多边形,另一个是线。如果用户选择多边形层,我想隐藏画线工具。之后,如果用户选择线层,我想隐藏多边形绘图工具。我看过here但是这个例子使工具成为静态的,我想动态地改变。我该怎么做?我们将不胜感激。 最佳答案 我自己解决了。我在map初始化时添加了这个绘制控件。drawControl=newL.Control.Draw({draw:{position:'topleft',polygon:false,polyline:false,re

javascript - 谷歌地图api圆形渐变?

我正在向我的map添加圆形叠加层。我现在可以正确设置颜色、不透明度等。如何实现颜色渐变(即从中心径向向外)?这甚至可能吗?(我使用的是apiv3,但如果您有v2的解决方案,我也很乐意看到)。 最佳答案 您应该能够使用CSSbackground:radial-gradient规则来做到这一点。例如:background:radial-gradient(ellipseatcenter,rgba(50,255,84,1)0%,rgba(255,0,0,0.79)26%,rgba(239,0,235,0.46)67%,rgba(255,25

javascript - 旋转谷歌地图标记图像

这个问题在这里已经有了答案:Rotatingimage/markerimageonGooglemapV3(17个答案)关闭8年前。marker1=newgoogle.maps.Marker({position:myLatlng,map:map,icon:{path:google.maps.SymbolPath.FORWARD_OPEN_ARROW,scale:2,rotation:degree}});我正在尝试在某种程度上旋转谷歌地图上的标记图像。我正在使用上面的代码,它很好,但它通过path:google.maps.SymbolPath.FORWARD_OPEN_ARROW,的代码显

javascript - 如何确定浏览器何时完成插入元素的绘制?

我有一个网页正在注入(inject)通过AJAX传送的HTML。先验我不知道内容的大小,但我需要根据内容的大小在页面上定位内容。这是一个不起作用的简单方法:将父容器的不透明度设置为0。将内容插入DOM。测量尺寸,例如$el.outerWidth(true)。根据这些尺寸定位内容。将父容器的不透明度(背面)设置为1.0。这种方法的问题在于内容非常复杂并且包含图像。调用outerWidth()时,浏览器尚未完成重新绘制屏幕,​​因此返回的尺寸不准确。(有趣的是,在我的例子中,初始尺寸总是明显大于最终值,而不是我预期的0。)我可以通过在第2步和第3步之间设置一个计时器来减少这个问题,但是无论

javascript - 谷歌地图脚本打破 Safari TypeError : Result of expression 'document.body' [null] is not an object

我在我的网页中显示谷歌地图,它在除Safari之外的所有浏览器中都能正常工作。Safri使页面变白并且JS错误显示:TypeError:Resultofexpression'document.body'[null]isnotanobject.maps.google.com/maps/api/js?sensor=true®ion=nz&async=2&callback=initializeConfigMap:11TypeError:Resultofexpression'a'[null]isnotanobject.maps.gstatic.com/intl/en_us/mapfile

javascript - 加载谷歌地图控件时是否有事件?

我知道tilesloaded,但控件似乎是在该事件之后加载的。我基本上希望能够通过jQuery获取控件,但甚至无法找到正确的监听器。 最佳答案 我也刚刚处理过。没有这样的事件(控件可见之前的idle和tilesloaded触发器)。因此,基本上将“特殊控件”类添加到您的控件中,然后检查它们是否已加载...当jquery返回正长度时,控件已完全加载。functionGetTestControl(){varcontrol=document.createElement('div');control.className='special-c